import { Input } from "antd-mobile";
import { FC } from "react";
import styles from "./index.module.less";
import classnames from "classnames";
import { InputProps } from "antd-mobile/es/components/input";
import React from "react";

interface FormInputProps extends InputProps {
  outerClassnames?: string;
}

const FormInput: FC<FormInputProps> = ({ outerClassnames, ...props }) => {
  const containClass = classnames(styles.contain, outerClassnames);
  return (
    <div className={containClass}>
      <Input {...props} />
    </div>
  );
};

export default FormInput;
